.dropDownArrow {
    margin-left: 8px;
    &.up {
        border-left:8px transparent dashed;
        border-right:8px transparent dashed;
        border-bottom:10px #999999 solid;
    }
    &.down {
        border-top:10px #999999 solid;
        border-left:8px transparent dashed;
        border-right:8px transparent dashed;
    }
    &.active {
        &.up {
            border-left:8px transparent dashed;
            border-right:8px transparent dashed;
            border-bottom:10px #6D86C4 solid;
        }
        &.down {
            border-top:10px #6D86C4 solid;
            border-left:8px transparent dashed;
            border-right:8px transparent dashed;
        }
    }
}
